#{extends 'posLogin.html' /}
#{set title: 'Meus Livros - CAbeceira' /}

<h3 style="margin-left: 5px; margin-top: 15px">Meus Livros</h3>
<div id="areaEmprestar">
<h4>Emprestar</h4><br>
    #{form action:@Panel.emprestarLivro()}
    #{if flash.error}
			<p class="error">
				&{flash.error}
			</p>
		#{/if}
		#{if flash.success}
			<p class="success">
				&{flash.success}
			</p>
		#{/if}
        <select name="nomeLivro" id="nomeLivro">
            #{list items:livros, as:'livro'}
            <option>${livro.livro.nome}</option>
            #{/list}
        </select>
        
        <select name="emailLocatario" id="emailLocatario">
            #{list items:usuarios, as:'us'}
            <option>${us.email}</option>
            #{/list}
        </select>
        
        <button id="emprestar" type="submit">Efetuar Empréstimo</button>
    #{/form}

    
</div>

<div class="arealivros">
 #{if livros.size() <=0}
	<p id="nenhumLivro">Nenhum Livro Encontrado</p>
#{/if}
    
#{list items:livros, as:'livro'}
	<ul class="listalivros">
			<li>
				<div class="livro">
					<img class="capalivro" src="@{Panel.getCapa(livro.livro.nome)}"/>
					<a href="@{Panel.detalheslivroestante(livro.livro.nome)}"><h3 class="titulolivro">${livro.livro.nome}</h3></a>
					<div class="autorLivro">
						<h5>${livro.livro.autor}</h5>
					</div>
				</div>
			</li>
	</ul>
	#{/list}
</div>